<!doctype html>
<html>
  <head>
    <title>起步</title>
  </head>
  <body>
    <div class="red" id="id1">起步起步起步起步起步起步</div>
    <div id="id2"></div>
    <img src="./static/index.jpg" />
    <form>
      <div class="form-group">
        <label for="exampleInputEmail1">Email address</label>
        <input type="email" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp">
        <small id="emailHelp" class="form-text text-muted">We'll never share your email with anyone else.</small>
      </div>
      <div class="form-group">
        <label for="exampleInputPassword1">Password</label>
        <input type="password" class="form-control" id="exampleInputPassword1">
      </div>
      <div class="form-group form-check">
        <input type="checkbox" class="form-check-input" id="exampleCheck1">
        <label class="form-check-label" for="exampleCheck1">Check me out</label>
      </div>
      <button type="submit" class="btn btn-primary">Submit</button>
    </form>
    <ul class="fa-ul">
      <li><i class="fa-li fa fa-check-square"></i>使用列表类图标</li>
      <li><i class="fa-li fa fa-check-square"></i>轻松的替换</li>
      <li><i class="fa-li fa fa-spinner fa-spin"></i>无序列表</li>
      <li><i class="fa-li fa fa-square"></i>中的默认图标</li>
    </ul>
  </body>
</html>